﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="PaydSystem.UI.Member.Home" %>

<!DOCTYPE html>

<html lang="en"  >
<head runat="server">
    <title></title>
    <style>
        #slides_control > div{
          height: 100%;
        }
        img{
          margin:auto;
          width: 100%;
          
        }
        #slides_control {
          position:relative;
          width: 100%;
          
          left:0%;
          top:0px;
         /*margin-left:-200px;
         */
        }
        .font-detail {
            color: #224096;
        }
        .btn-home1 {
          color: #fff;
          background-color: #9D9D9D;
          border-color: #9D9D9D;
        }
        #box3
         {
          background-color:transparent;
          position:absolute;
          border-style: hidden;
          right:18%;
          /*top:30%;*/
          margin-top:30px;
          z-index:3;
              /* for IE */
          filter:alpha(opacity=100);
          /* CSS3 standard */
          opacity:1
         } 
    </style>
</head>
<body>

<div class="container">

  <div id="box3" style="width:300px;"> 
    <div style="height:180px;display:table;" >
        <div style="display:table-cell;vertical-align:middle;text-align:center;">
             <div><img src="../../Images/PaydImages/payd_brand2.png"  width="30%" height="30%"></div><br />
             <a class="btn btn-primary btn-lg" href="javascript:void(0);" ng-click="docheckLogin();" ng-hide="$parent.showLogout" style="color:White;width:45%;">{{lLanguage}}</a>
             <a class="btn btn-home1 btn-lg" href="javascript:void(0);" ng-click="docheckRegister();" ng-hide="$parent.showLogout" style="color:White;width:45%;">{{lRegister}}</a>
        </div>

    </div>
  </div>
  <div id="slides_control"  ng-init="init();">
     
    <div >
      <carousel interval="myInterval">
        <slide ng-repeat="slide in slides" active="slide.active">
          <img ng-src="{{slide.image}}" style="height:100%"  >
          <div class="carousel-caption">
            <h4>Slide {{$index+1}} {{slide.title}}</h4>
          </div>
        </slide>
      </carousel>
    </div>
  </div>
  <div ng-init="initDetail();">
        <div class="row font-detail" style="margin:20px;" >
           <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
                <div >
                    <div class="clearfix">
                    <img src="../../Images/PaydImages/feed-col1.png" alt="Responsive image" style="width:65%;height:60%;" >
                    </div>
                    <div class="caption">
                        <hr />
                        <div  >
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.feedCol1 | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="feedCol1"></div>
                            </div>
                        </div>
                        
                        
                    </div>
                </div>
            </div>
        
        
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <div >
                    <div class="clearfix">
                    <img src="../../Images/PaydImages/feed-col2.png" alt="Responsive image" style="width:65%;height:60%;">
                    </div>
                    <div class="caption">
                        <hr />
                        <div  >
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.feedCol2 | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="feedCol2"></div>
                            </div>
                        </div> 
                        
                    </div>
                </div>
            </div>
        
        
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"">
                <div >
                    <div class="clearfix">
                    <img src="../../Images/PaydImages/feed-col3.png" alt="Responsive image" style="width:65%;height:60%;">
                    </div>
                    <div class="caption">
                        <hr />
                        <div  >
                            <div ng-repeat="item in data | filter:$parent.searchValue"
                                ng-bind-html="item.feedCol3 | highlight:$parent.searchValue">
                            </div>
                            <div ng-show="(data | filter:$parent.searchValue).length == 0" >     
                                <div ng-bind-html="feedCol3"></div>
                            </div>
                        </div> 
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="row font-detail" style="margin:20px;" >
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"">
                <div >
                    <p><button class="btn btn-home1 btn-md" type="button">ดูเพิ่มเติม</button></p>
                </div>
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"">
                <div >
                    <p><button class="btn btn-home1 btn-md" type="button">ดูเพิ่มเติม</button></p>
                </div>
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"">
                <div >
                    <p><button class="btn btn-home1 btn-md" type="button">ดูเพิ่มเติม</button></p>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
